<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/backstage.css">
    <link rel="stylesheet" href="./css/basic.css">
    <title>木之韵商城后台管理中心</title>
</head>

<body>
    <div id="all">
        <div class="header">
            <p>木之韵商城后台管理中心</p>
            <h6>木之韵商城后台管理中心</h6>
            <div class="welcome">
                <img src="./imgs/index_03.png">
                <span>欢迎您：admin ! </span>
                <img src="./imgs/index_05.png">
                <a href="./index.html">退出</a>
            </div>

        </div>
        <div class="header-border">

        </div>
        <div class="main">
            <div class="main-left">
                <div class="nav-a">
                    <div></div><img src="./imgs/index_36.png">
                </div>
                <div class="nav-b">
                    <span>后台系统</span>
                    <img src="./imgs/index_50.png">
                </div>
                <ul class="nav-c">
                    <li><img src="./imgs/index_03.png"> <span>商品管理</span></li>
                    <li><img src="./imgs/index_03.png"> <span><a href="./chat.html">用户交流</a></span></li>
                </ul>
            </div>
            <div class="main-right">
                <div class="tableele">
                    <div class="operate">
                        <button>增加商品</button>
                    </div>
                    <div class="datatable">
                        <div class="datatop">
                            <span>商品名字</span>
                            <span>商品id</span>
                            <span>商品使用场所</span>
                            <span>商品种类</span>
                            <span>商品分类</span>
                            <span>商品材质</span>
                            <span>商品原价</span>
                            <span>商品折后价</span>
                            <span>图片地址</span>
                            <span>操作</span>
                        </div>
                        <div class="datalist">
                            <div class="listone">
                                <span>商品名字</span>
                                <span>商品id</span>
                                <span>商品使用场所</span>
                                <span>商品种类</span>
                                <span>商品分类</span>
                                <span>商品材质</span>
                                <span>商品原价</span>
                                <span>商品折后价</span>
                                <span>图片地址</span>
                                <span><b>编辑</b>&emsp;<b>删除</b></span>
                            </div>
                        </div>
                    </div>
                    <div class="datatable addgoods">
                        <div class="datatop">
                            <span>商品名字</span>
                            <span>商品id</span>
                            <span>商品使用场所</span>
                            <span>商品种类</span>
                            <span>商品分类</span>
                            <span>商品材质</span>
                            <span>商品原价</span>
                            <span>商品折后价</span>
                            <span>图片地址</span>
                            <span>操作</span>
                        </div>
                        <div class="datalist1">
                            <div class="listone">
                                <span><input type='text'></span>
                                <span>1</span>
                                <span>
                                    <select name="" id="" value="卧室" onchange="bigNavChange(this)">
                                        <option value="卧室">卧室</option>
                                        <option value="客厅">客厅</option>
                                        <option value="餐厅">餐厅</option>
                                        <option value="书房">书房</option>
                                        <option value="儿童房">儿童房</option>
                                        <option value="办公家具">办公家具</option>
                                    </select>
                                </span>
                                <span>
                                    <select name="" id="" value="床" onchange="midNavChange(this)">
                                        <option value="床">床</option>
                                        <option value="床头柜">床头柜</option>
                                        <option value="衣柜">衣柜</option>
                                        <option value="梳妆台">梳妆台</option>
                                        <option value="衣帽架">衣帽架</option>
                                    </select>
                                </span>
                                <span>
                                    <select name="" id="" value="实木床">
                                        <option value="实木床">实木床</option>
                                        <option value="中式床">中式床</option>
                                        <option value="欧式床">欧式床</option>
                                        <option value="美式床">美式床</option>
                                        <option value="榻榻米床">榻榻米床</option>
                                        <option value="床板床">床板床</option>
                                        <option value="真皮床">真皮床</option>
                                        <option value="高箱床">高箱床</option>
                                    </select>
                                </span>
                                <span><input type='text'></span>
                                <span><input type='text'></span>
                                <span><input type='text'></span>
                                <span>
                                    <form>
                                        <input type='file'>
                                    </form>
                                </span>

                                <span><b onclick="addg(this)">确认</b></span>
                            </div>
                        </div>
                    </div>
                    <div class="pages">
                        <span class="prev">上一页</span>
                        <span class="nums">
                            <!-- <i>1</i>
                            <i class="active">2</i>
                            <i>3</i>
                            <i>4</i> -->
                        </span>
                        <span class="next">下一页</span>
                        <span class="go">
                            <input type="text" class="ipt">
                            <em>GO</em>
                        </span>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
<script src="./js/lib/jquery-1.8.3.js"></script>
<script src="./js/backstage.js"></script>

</html>